<!DOCTYPE HTML>
<html>
<head>
<title>预订房间</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Motel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="applijewelleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />	
<script src="js/jquery-1.11.1.min.js"></script>
<!--webfonts-->
<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300italic,300,600' rel='stylesheet' type='text/css'>
   <!--//webfonts-->
<script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
<!-- banner -->
	<div class="banner5">
		<div class="header">
			<div class="container">
				<div class="logo">
					<h1><a href="index.html">喜来登酒店</a></h1>
				</div>
				<nav class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
								data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					</div>
					<!--/.navbar-header-->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li><a href="index.html">主页</a></li>
							<li  class="active"><a href="rooms.html">房间预订</a></li>
							<li><a href="gallery.html">画廊</a></li>
							<!--<li><a href="shortcodes.html">Short Codes</a></li>-->
							<li><a href="signin.html">用户登录</a></li>
							<li><a href="contact.html">联系我们</a></li>
							<li><a href="personal.html">个人中心</a></li>
						</ul>
					</div>
					<!--/.navbar-collapse-->
				</nav>
				<div class="search-box">
					<div id="sb-search" class="sb-search">
						<form>
							<input class="sb-search-input" placeholder="请输入您想要搜索的信息..." type="search"
								   name="search" id="search">
							<input class="sb-search-submit" type="submit" value="">
							<span class="sb-icon-search"> </span>
						</form>
					</div>
				</div>
				<div class="clearfix"></div>

				<!-- search-scripts -->
					<script src="js/classie.js"></script>
					<script src="js/uisearch.js"></script>
					<script>
						new UISearch( document.getElementById( 'sb-search' ) );
					</script>
				<!-- //search-scripts -->

			</div>
		</div>
	</div>		
		<!-- banner -->
<!-- details -->
	<div class="details">
		<div class="container">
			<div class="col-md-7 details-left">
				<img src="images/16.jpg" class="img-responsive img-rounded" alt="">
			</div>
			<div class="col-md-5 details-right">
				<span>邂逅不期而遇的美好</span>
				<hr>
				<li>以最优的价格享受最好的服务</li>
				<li>支持信用卡支付</li>
				<li>不需要支付订金</li>
				<hr>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;喜来登酒店位于繁华的努沙杜瓦，酒店优越的位置让住客前往市区内的热门景点变得方便快捷。
					在这家舒适的巴厘岛酒店中享受尊贵的服务与设施， 如 池畔吧, 吸烟区, 家庭房, 自行车出租服务等等。
					酒店每一间客房可感受到喜来登酒店的独有风格， 设计典雅， 大方高贵，给人舒适与宾至如归之感！</p>
			</div>
			<div class="clearfix"> </div>
			<div class="details-top">
				<h3>Details:</h3>
				<h5>线上预订可享受9折优惠</h5>
				<h6>营业时间 : 24小时营业</h6>
				<h4>Included</h4>
				<li>酒店允许携带儿童入住</li>
				<h4>Not included</h4>
				<li>加床及儿童政策取决于您所选的房型，若超过房型限定人数，或携带儿童年龄不在政策描述范围内，可能需收取额外费用。</li>
				<li>酒店不允许携带宠物进入。</li>
				<h4>Additional information</h4>
				<li>入住时间：16:00以后	离店时间：11:00以前</li>
			</div>
			<div class="booking-form">
				 <div class="col-md-6">
					<form>
						<h5>姓</h5>
						<input type="text" value="" style="border-radius: 5px;">
						<h5>名</h5>
						<input type="text" value="" style="border-radius: 5px;">
						<h5>邮箱</h5>
						<input type="text" value="" style="border-radius: 5px;">
						<h5>手机号</h5>
						<input type="text" value="" style="border-radius: 5px;">
					</form>
				</div>
				<div class="col-md-6">
					<form>
						<h5>入住日期</h5>
							<select class="arrival" style="border-radius: 5px;">
								 <option>01</option>
								 <option>02</option>
								 <option>03</option>
								 <option>04</option>
								 <option>05</option>
								 <option>06</option>
								 <option>08</option>
								 <option>09</option>
								 <option>10</option>
								 <option>11</option>
								 <option>12</option>
								 <option>13</option>
								 <option>14</option>
								 <option>15</option>
								 <option>16</option>
								 <option>17</option>
								 <option>18</option>
								 <option>19</option>
								 <option>20</option>
								 <option>21</option>
								 <option>22</option>
								 <option>23</option>
								 <option>24</option>
								 <option>25</option>
								 <option>26</option>
								 <option>27</option>
								 <option>28</option>
								 <option>29</option>
								 <option>30</option>
								 <option>31</option>
							 </select>
							 <select class="arrival" style="border-radius: 5px;">
								 <option>Jan</option>
								 <option>Feb</option>
								 <option>Mar</option>
								 <option>Apr</option>
								 <option>May</option>
								 <option>June</option>
								 <option>July</option>
								 <option>Aug</option>
								 <option>Sep</option>
								 <option>Oct</option>
								 <option>Nov</option>
								 <option>Dec</option>
							 </select>
							 <select class="arrival" style="border-radius: 5px;">
								<option>2015</option>
								<option>2016</option>
								<option>2017</option>
								<option>2018</option>
								<option>2019</option>
								<option>2020</option>
							 </select>
						<h5>离店日期</h5>
							 <select class="arrival" style="border-radius: 5px;">
								 <option>01</option>
								 <option>02</option>
								 <option>03</option>
								 <option>04</option>
								 <option>05</option>
								 <option>06</option>
								 <option>08</option>
								 <option>09</option>
								 <option>10</option>
								 <option>11</option>
								 <option>12</option>
								 <option>13</option>
								 <option>14</option>
								 <option>15</option>
								 <option>16</option>
								 <option>17</option>
								 <option>18</option>
								 <option>19</option>
								 <option>20</option>
								 <option>21</option>
								 <option>22</option>
								 <option>23</option>
								 <option>24</option>
								 <option>25</option>
								 <option>26</option>
								 <option>27</option>
								 <option>28</option>
								 <option>29</option>
								 <option>30</option>
								 <option>31</option>
							 </select>
							 <select class="arrival" style="border-radius: 5px;">
								 <option>Jan</option>
								 <option>Feb</option>
								 <option>Mar</option>
								 <option>Apr</option>
								 <option>May</option>
								 <option>June</option>
								 <option>July</option>
								 <option>Aug</option>
								 <option>Sep</option>
								 <option>Oct</option>
								 <option>Nov</option>
								 <option>Dec</option>
							 </select>
							 <select class="arrival" style="border-radius: 5px;">
								<option>2012</option>
								<option>2013</option>
								<option>2014</option>
								<option>2015</option>
								<option>2016</option>
								<option>2017</option>
							 </select>
				 <h5 class="mem">人数</h5>
				 <input min="1" type="number" id="quantity" name="quantity" value="1" class="form-control input-small">
				 <h5>备注</h5>
				 <textarea value="" style="border-radius: 5px;"></textarea>
				 <input type="submit" value="预订" style="border-radius: 5px;">
				 <input type="reset" value="重置" style="border-radius: 5px;">
				 </form>
			 </div>
			</div>
		 </div>
	</div>
<!-- details -->
<!-- footer -->
<div class="footer">
	<div class="container">
		<div class="col-md-2 deco">
			<h4>导航</h4>
			<li><a href="index.html">主页</a></li>
			<!--<li><a href="shortcodes.html">Short Codes </a></li>-->
			<li><a href="signin.html">登录</a></li>
			<li><a href="contact.html">联系我们</a></li>
		</div>
		<div class="col-md-2 deco">
			<h4>链接</h4>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">酒店发展</a></li>
			<li><a href="#">需要帮助？</a></li>
		</div>
		<div class="col-md-2 deco">
			<h4>社交</h4>
			<div class="soci">
				<li><a href="#"><i class="f-1"> </i></a></li>
				<li><a href="#"><i class="t-1"> </i></a></li>
				<li><a href="#"><i class="g-1"> </i></a></li>
			</div>
		</div>
		<div class="col-md-3 cardss">
			<h4>付款方式</h4>
			<li><i class="visa"></i></li>
			<li><i class="ma"></i></li>
			<li><i class="paypal"></i></li>
			<div class="clearfix"></div>
		</div>
		<div class="col-md-3 pos">
			<h4>新消息</h4>
			<form method="post">
				<input type="text" class="textbox" value="邮箱"  style="border-radius: 5px;background-color: white;" onFocus="this.value = '';"
					   onBlur="if (this.value == '') {this.value = '邮箱';}">
				<div class="smt">
					<input type="submit" value="提交" style="border-radius: 5px;">
				</div>
			</form>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
	<!-- footer -->
</body>
</html>